<!-- 活动报名 -->
<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>焦点学苑</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<script>
    function changeto (url) {
        window.location.href = url;
    }
</script>

<body>
    <div class="head-box">
        <div class="head wrap">
            <div class="logo fl"><a href=""><img src="/images/logo.png"></a></div>
            <div class="head-right fr">
                <div class="head-a fr">
                    <div class="head-a1 fl"><a href=""><img src="/images/tb-a.png"></a></div>
                    <div class="head-a1 fl"><a href=""><img src="/images/tb-b.png"></a></div>
                    <span th:unless="${not #strings.isEmpty(session.u?.getUid())}">
                        <div class="head-a3 login-click fl"><a href="#">登录</a></div>
                        <div class="head-a4 fl"><a href="/register.html" target="blank">注册</a></div>
                    </span>
                    <span th:if="${not #strings.isEmpty(session.u?.getUid())}">
                        <select name="" id="" class="head-a3" onchange="changeto($(this).val())">
                            <option value="" checked>我的</option>
                            <option value="/article-add.html"><a href="/blog/user/add.to"> 发表文章</a></option>
                            <option value="/ainArticleList"><a>我的作品</a></option>
                            <option value="/userConcernList"><a>我的收藏</a></option>
                        </select>
                        <a href="/logout">
                            <div class="head-a4 reg-click fl">注销</div>
                        </a>
                    </span>

                </div>
                <div class="clearfix"></div>
                <div class="nav fr">
                    <ul>
                        <li class="nav-cut"><a href="/">首页</a></li>
                        <li><a href="/blog/user/article.to">文章</a>
                            <!-- <div class="sub-nav">
                                <div class="bich-top"></div>
                                <div class="bich">
                                    <a href="">服饰</a>
                                    <a href="">美食</a>
                                    <a href="">出行</a>
                                    <a href="">约会</a>
                                </div>

                            </div> -->
                        </li>
                        <li><a href="/course/courseList">课程</a></li>
                        <li><a href="#">活动</a></li>
                        <li><a href="#">联系我们</a></li>

                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>

    <div class="content">
        <div class="wrap">
            <div class="tsm-height"></div>
            <div class="det">
                <div class="det-fl fl"><img src="upload/det-a.jpg"></div>
                <div class="det-fr fl">
                    <div class="det-r1">活动主题名称 </div>
                    <div class="det-r2">主办单位：焦点学苑</div>
                    <div class="det-r2">活动时间：2015.12.27-2015.12.28</div>
                    <div class="det-r2">活动地点：北京市 朝阳区 XXX路 XX号</div>
                    <div class="det-r2">活动费用：100元</div>
                    <div class="det-r2">活动期数：第11期</div>
                    <div class="det-r3"><a href="">我要报名</a></div>
                </div>
            </div>

            <div class="det-a">
                <div class="det-title"><img src="images/det-c.jpg">活动介绍</div>
                <p>全面入侵你国综艺、音乐、影视剧，韩娱制造为什么这么强？</p>
                <p>"韩娱制造"在中国的火爆并不是单一偶发性的事件，而是"韩娱"庞大工业化，商业化体系和产业链多年经营的必然成果。"韩娱"从业人员累积的方法论，和如制造业一样精细化运营的产业体系，保证了他们能源源不断地推出下一部风靡全球的韩剧、下一位引起全球粉丝尖叫的k—pop偶像、下一个引起全球竞价购买的综艺节目。
                </p>
                <p>"韩娱制造"究竟是如何走上一条可复制的成功之路？虎嗅将在12月27日下午两点，邀请到《韩娱经济学》一书的作者王丛，和其他几位嘉宾，一起来聊聊：韩娱制造为什么这么强？</p>
                <p>王丛：现任华策影视副总裁兼董事会秘书，参与华策影视战略投资韩国NEW公司等中韩娱乐产业合作标杆性案例，著有国内第一本系统分析韩国娱乐产业的财经类图书《韩娱经济学》。</p>
                <p>杜华：乐华娱乐创始人，旗下签约艺人包括韩庚、周笔畅、安又琪、中韩偶像男团UNIQ、韩国组合AFTERSCHOOL等，即将与韩国STARSHIP公司联合推出中韩偶像女团宇宙少女。</p>
                <p>杜昉：著名电视人，现任华策影视副总裁、综艺合伙人，曾任酷6传媒CEO、浙江卫视副总监兼节目中心主任。杜昉拥有近20年的电视节目策划制作经验。</p>
            </div>

            <div class="det-b">
                <div class="det-title"><img src="images/det-c.jpg">在线评论</div>
                <div class="det-b1">
                    <textarea class="det-area"></textarea>
                    <div class="det-b2"><a href="">登录</a>发表</div>
                </div>
                <div class="det-b3"><input type="button" class="det-btn" value="发表"></div>
            </div>

            <div class="skt">
                <div class="skt-title">
                    <span class="skt-cut">默认评论</span><em>|</em><span>最新评论</span>
                </div>
                <div class="skt-tab">
                    <div class="skt-btm">
                        <ul class="skt-ul">
                            <li>
                                <div class="skt-a1"><img src="upload/det-tx.jpg">2015-11-02
                                    <div class="menu"><a href=""><img src="images/menu.jpg"></a></div>
                                </div>
                                <div class="skt-a2">怎么报名啊？直接交钱吗？</div>
                                <div class="skt-a3"><a href=""><img src="upload/det-b.jpg">我要点评</a>
                                    <div class="menu-a"><img src="images/menu-a1.jpg">0
                                        <span><img src="images/menu-a2.jpg">0</span>
                                    </div>
                                </div>
                            </li>

                            <li>
                                <div class="skt-a1"><img src="upload/det-tx.jpg">2015-11-02
                                    <div class="menu"><a href=""><img src="images/menu.jpg"></a></div>
                                </div>
                                <div class="skt-a2">怎么报名啊？直接交钱吗？</div>
                                <div class="skt-a3"><a href=""><img src="upload/det-b.jpg">我要点评</a>
                                    <div class="menu-a"><img src="images/menu-a1.jpg">0
                                        <span><img src="images/menu-a2.jpg">0</span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <div class="skt-more"><a href="">查看更多</a></div>
                    </div>

                    <div class="skt-btm hide">
                        222
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="footer">
        <div class="wrap">
            <div class="foot">
                <div class="foot-left fl">
                    <a href="">关于我们</a>
                    <a href="">加入我们</a>
                    <a href="contact.html">联系我们</a>
                    <a href="">媒体采访</a>
                </div>
                <div class="foot-c fl"><a href=""><img src="images/foot-logo.jpg"></a></div>
                <div class="foot-right fr">
                    <a href="">同城活动</a>
                    <a href="">课程资讯</a>
                    <a href="">最新发布</a>
                    <a href="">热门文章</a>
                </div>
            </div>
            <div class="foot-btm">网页制作by云邦</div>
        </div>
    </div>


    <!--登录注册弹窗-->
    <div class="mask"></div>
    <div class="login">
        <div class="login-title">
            <div class="login-a">登录</div>
            <div class="login-b"></div>
            <div class="login-c close">x</div>
        </div>
        <div class="login-btm">
            <div class="login-d"><input type="text" class="login-text" placeholder="注册时填写的邮箱"></div>
            <div class="login-d"><input type="password" class="login-pas" placeholder="密码"></div>
            <div class="login-d"><input type="button" class="login-btn" placeholder="登录"></div>
            <div class="login-f">
                <a href="">忘记密码</a>
                <span>还没有焦点账号?><a href="javascript:;" class="reg-href">点击注册</a></span>
            </div>
        </div>
    </div>

    <div class="reg">
        <div class="login-title">
            <div class="login-a">注册</div>
            <div class="login-b"></div>
            <div class="login-c close">x</div>
        </div>
        <div class="login-btm">
            <div class="login-d"><input type="text" class="login-text" placeholder="邮箱/手机号"></div>
            <div class="login-d"><input type="password" class="login-pas" placeholder="密码"></div>
            <div class="login-d"><input type="button" class="login-btn" placeholder="注册"></div>
            <div class="login-f">
                <a href="">忘记密码</a>
            </div>
        </div>
    </div>


    <script src="/js/jquery-1.11.1.min.js"></script>
    <script src="/js/Action.js"></script>
    <script>
        $(".skt-title span").click(function () {
            $(this).addClass("skt-cut").siblings().removeClass("skt-cut"),
                $(".skt-tab .skt-btm").hide().eq($(".skt-title span").index(this)).show()
        })
    </script>
</body>

</html>